.user_page {
  // background: #191919;
  .page_bg {
    width: 100%; height: rem(570);
    background:#252525 url('https://mjmh.meijiameihuo.com/wechat/images/v2/user_top_bg.png') no-repeat center top;
    background-size: 100%;
    .join_vip_user {
      height: rem(80);
      background: rgba(0, 0, 0, 0.2);
      padding: rem(25) rem(70) rem(20) rem(170);
      position: relative;
      .user_img {
        height: rem(77);
        width: rem(77);
        border-radius: 50%;
        border: rem(3) solid #fff;
        position: absolute;
        left: rem(73);
      }
      .join_info {
        font-size: rem(25);
        color: #fff;
        line-height: rem(36);
        font-weight: 500;
        .user_name {
          height: rem(36);
        }
        .tips {
          height: rem(36);
          margin-top: rem(7);
        }
      }
    }
  }
  .vip_privilege {
    background: #252525; padding: rem(40) 0 rem(34); margin-top: -1px;
    .equity_bg {
      height: rem(3); width: rem(712); margin: 0 auto rem(12);
      background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/equity_bg.png') no-repeat center;
      background-size: contain;
    }
    .vip_privilege_pack {
      width: rem(708); height: rem(635);
      background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/privilege_bg.png') no-repeat center;
      background-size: contain; margin: auto; position: relative;
      .buy_purchase {
        position: absolute; font-size: rem(24); color: #333333; width: rem(300); height: rem(72); top: rem(185); left: rem(35); overflow: hidden;
        .tips_txt {
          width: rem(300); height: rem(72);
          overflow:hidden; text-overflow:ellipsis; white-space:pre-wrap; display:-webkit-box;
          -webkit-box-orient:vertical; line-height:rem(36); -webkit-line-clamp:2;
        }
        &.share_tips {
          left: auto; right: rem(10);
        }
      }
    }
    .vip_title {
      width: rem(432); height: rem(89);
      background: url('https://mjmh.meijiameihuo.com/wechat/images/v2/vip_title.png') no-repeat center; background-size: contain; margin: rem(44) auto rem(34);
    }
  }
  .prd_list {
    padding: rem(15);
    .list {
      // padding: rem(30) rem(20);
      @extend .p-clear-float;
    }
  }

  .buy_diago {
    background: #fff;
    width: rem(630);
    h3 {
      text-align: center;
      padding: rem(30); font-size: rem(38); color: #000000; font-weight: 600;
    }
    .diago_content {
      color: #17273A; font-size: rem(34); text-align: center; margin-bottom: rem(32);
    }
    .action_btn {
      height: rem(90); line-height: rem(90);
      font-size: rem(34); color: #17273A;
      display: flex; flex-wrap:wrap; justify-content:space-around;
      padding: rem(30) 0;
      span {
        display: block; text-align: center;
        width: rem(245); border-radius: rem(45); border: 1px solid  #979797;
        &.cannle_btn {
          box-shadow:-1px 0px 0px #E5E5E5; background: #e93323; color: #fff; border: 1px solid #e93323;
        }
      }
    }
  }
  .again_box {
    .van-popup {
      border-radius:rem(10);
    }
    .again_diago {
      width: rem(672);
      background:#1F1F1F url($imgPath + '/vip/again_bg.png') no-repeat center top;
      background-size: cover;
      .content {
        padding: rem(192) rem(40) rem(80);  color: #fff; font-weight: 400;
        span {
          color: #F4D3A1;
        }
        .kefu {
          margin-top: rem(40);
        }
      }
      .action_btn {
        background: #fff;  display: flex; flex-wrap:wrap; justify-content:center;
        span {
          height: rem(80); width: rem(208); display: block;
          margin: rem(30) 0; line-height: rem(80); border: 1px solid #C6C6C6;
          text-align: center; color: #333333; font-size: rem(24); border-radius: rem(40);
          &:last-child {
            margin-left: rem(40);
            background:   #e93323;
  border: 1px solid #e93323;  color: #fff; border-radius: rem(40);
          }
        }
      }
    }
  }
  .fiex_share {
    width:rem(84);
    height:rem(84);
    position:fixed;
    right:rem(32);
    bottom:rem(96);
    background:url("https://mjmh.meijiameihuo.com/wechat/images/common/share_btn.png") no-repeat center;
    background-size:contain;
    border:none;
    border-radius:rem(84);

  }
}
